<template>
	<view>
		<view class="title">
			教学环境
		</view>
		 <view class="img">
		 	 <image :src="item" mode="aspectFill" v-for="(item ,index) in imgArr2" :key="index" @click="$util.enlargement(imgArr2,index)"></image>
			 <u-empty v-if="!imgArr2.length" text="暂无学校环境图片" mode="list" style="margin: 20upx auto;"></u-empty>
		 </view>
		<view class="title">
			教学成果
		</view>
		<view class="img">
			 <image :src="item" mode="aspectFill" v-for="(item ,index) in imgArr1" :key="index" @click="$util.enlargement(imgArr1,index)"></image>
			 <u-empty v-if="!imgArr1.length" text="暂无办学成果图片" mode="list" style="margin: 20upx auto;"></u-empty>
		</view>
		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgArr1:[],
				imgArr2:[],

			}
		},
		onLoad(e) {
			console.log(e)
			if(e.imgArr1)	this.imgArr1=e.imgArr1.split(',');
			if(e.imgArr2)	this.imgArr2=e.imgArr2.split(',')
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.title{
		font-size: 28upx;
		font-weight: 900;
		margin:10upx 20upx;
	}
	.img{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 20upx;
		image{
			width: 48%;
			margin: 1%;
			border-radius: 12upx;
		}
	}
	.twoCode{
		width: 100vw;
		height: 100vh;
	}
</style>
